﻿/* CSS Document */
body {
	margin: 0;
	height: 640px;
	font:  500 15px/160% 微軟正黑體, 新細明體, 標楷體, Arial, sans-serif;
	color: #000000;
	padding: 0;
}
p {
	margin: 0;
	padding: 0;
}
h2
{
	font-size: 16pt; 
	color: #0066cc; 
	font-family: 微軟正黑體, 新細明體, 標楷體, Arial, sans-serif;
}
.title_h2
{
	font-size: 16pt; 
	color: #0066cc; 
	font-family: 微軟正黑體, 新細明體, 標楷體, Arial, sans-serif;
}

image { border:0; vertical-align:middle; }

.pagesize {
	width: 1200px;
	min-height:  600px;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	padding: 0px;
}
.header {
	width: 960px;
	height: 80px;
	margin: 0px;
	padding: 0px;
}

/* 以下for Label系列使用 */

.lbBackDG
{
	font-size: 10pt; 
	color: white; 
	font-family: 微軟正黑體, 新細明體, 標楷體, Arial, sans-serif;
	background-color :#2F4F4F;
}
.lbBlack10
{
	font-size: 10pt; 
	font-family: 微軟正黑體, 新細明體, 標楷體, Arial, sans-serif;
	font-weight:bold;
}
.lbH1
{
	font-size: 16pt; 
	color: #0066cc; 
	font-family: 微軟正黑體, 新細明體, 標楷體, Arial, sans-serif;
	border: #9ACEEB 1px solid; 
	background-color: #199EBD; 
	color:White;
}
.lbH1_2
{
	font-size: 13pt; 
	font-family: 微軟正黑體, 新細明體, 標楷體, Arial, sans-serif;
	background-color: #39BEDD; 
	color:White;
}
.lbH2
{
	font-size: 12pt; 
	font-family: 微軟正黑體, 新細明體, 標楷體, Arial, sans-serif;
	font-weight:bold;
}

.lbH3
{
	font-size: 10pt; 
	font-family: 微軟正黑體, 新細明體, 標楷體, Arial, sans-serif;
	font-weight:bold;
}


.lbHight
{
	font-size: 12pt; 
	font-family: 微軟正黑體, 新細明體, 標楷體, Arial, sans-serif;
	border: #9ACEEB 1px solid; 
	background-color: #C2F2DE; 
	font-weight:bolder;
}

.lbHyperLink
{
	font-size: 12pt; 
	font-family: 微軟正黑體, 新細明體, 標楷體, Arial, sans-serif;
	background-color: #EBFFE6; 
	border: #9ACEEB 1px solid; 
	text-decoration: none;
}

.lbgray
{
	font-size: 10pt; 
	font-family: 微軟正黑體, 新細明體, 標楷體, Arial, sans-serif;
	color:#C0C0C0;	
}
/* For系統使用總人次顯示使用 */
.UsageCnt
{
	background-color:#00C0C0;
	border-color:Teal;
	border-style:dashed;
	border:1px;
	font-weight:bold;
	color:White;
}

/* 以下for Title文字Link系列使用 */
.TitleHyperLink:link, .TitleHyperLink:visited		
{
	font-size: 12pt; 
	font-family: 微軟正黑體, 新細明體, 標楷體, Arial, sans-serif;
	background-color:#EBFFE6;
	text-decoration:none;
}

.TitleHyperLink:active, .TitleHyperLink:hover		
{
	font-size: 12pt; 
	font-family: 微軟正黑體, 新細明體, 標楷體, Arial, sans-serif;
	background-color:#33FF00;
}


.line {
	width: 800px;
	_height: 0px;
	_line-height: 0px;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #cccccc;
	margin: 0 0 0 180px;
}
.shortline {
	width: 260px;
	_height: 0px;
	_line-height: 0px;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #cccccc;
	margin: 3px 0 0 0;
}

.longline {
	width: 900px;
	_height: 0px;
	_line-height: 0px;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #cccccc;
	margin: 3px 0 0 0;
}

.footer {
	height: 80px;
	_height: 60px;
	text-align: right;
	font: 400 12px/180% Arial, Helvetica, sans-serif;
	color: #333333;
	margin-top: 10px;
	margin-bottom: 10px;
	clear: both;
}
.footer a:link, .footer a:visited, .footer a:active {
	color: #333333;
	text-decoration: none;
}
.footer a:hover {
	color: #333333;
	text-decoration: underline;
}

table.un_visible  /* 透明表,適合規劃版面用用*/
{
	vertical-align: middle; 
	border: 0px;
	padding: 0px;
	margin: 0px; 
}

table.un_visible_top  /* 透明表,適合規劃版面用用*/
{
	vertical-align: top; 
	border: 0px;
	padding: 0px;
	margin: 0px; 
}

/* text box with 草綠色的底 */
input.normaltext
{
	background-color:#ECEABE;
	border: #B0B7C6 1px solid;
	font-weight:bold;
	color:#17806D;
}

/* text box with 白色的底 */
input.logintext
{
	border: #B0B7C6 1px solid;
	font-weight:bold;
	color:#17806D;
}

/* white word for dark background*/
input.loginuserinfo 
{ 
	font-size:12px; 
	font-weight:bold; 
	color:white;
	border:0px;
	background-color:Transparent;
	position:absolute; top:45px; left:620px;
}
/* used for message text with red word */
input.none
{
	border: 0;
	font-weight:bold;
	color:red;
}

input.description
{
	border: 0;
	font-weight:bold;
	color:#9ACEEB;
}

/* used for form button */
input.graybtn
{
	font-size:10pt;
	border: #336699 1px solid; 
	background-color: #999999; 
	color:White;
}

input.bluebtn
{
	font-size:10pt;
	border: #9ACEEB 1px solid; 
	background-color: #199EBD; 
	color:White;
}

input.cbtn
{
	font-size:medium;
	background-color: #FFFFFF; 
}


input.seagreenbtn
{
	font-size:10pt;
	border: #6DAE81 1px solid; 
	background-color: #9FE2BF; 
	height:20px;
}

/* red-blin text */
.note2 {color: red; font-size:12px; background-color:#FDBCB4}

/* blue-small text */
.bluetext { color: Blue; font-size:10pt; font-family: 微軟正黑體, 新細明體, 標楷體, Arial, sans-serif; }

/* blue-big text */
.bluetext_b { color: Blue; font-size:14pt; font-weight:bold; font-family: 微軟正黑體, 新細明體, 標楷體, Arial, sans-serif;}

/* note-link */
.note {	color: red; font-size:12px}
.note:link, .note:visited, .note:active{color: red; text-decoration: none;}
/*.note:hover {	color: #686D73;	text-decoration: underline;}*/
.note:hover {	color:red;	text-decoration: underline;}
/* image-link */
.imglink:link, .imglink:visited, .imglink:active, .imglink:hover{text-decoration: none;}

/* gray-link */
.text		{font:small arial; color:#58595B; font-size:12px}
.text:link	{font:small arial; color:#58595B; text-decoration:none; font-size:9pt}
.text:active	{font:small arial; color:#58595B; text-decoration:none; font-size:9pt}
.text:visited	{font:small arial; color:#999999; text-decoration:none; font-size:9pt}
.text:hover	{font:small arial; color:#FF7F00; text-decoration:underline; font-size:9pt}

select.normal   /* asp:DropDownList也是對應到這裡(草綠色) */
{
	background-color:#ECEABE;
	border: #B0B7C6 1px solid;
	font-weight:bold;
	color:#17806D;
}


/*For Ajax extender WatermarkExtender*/
.wmark
{
	background-color:#ECEABE;
	border: #B0B7C6 1px solid;
	color:#71BC78;
}

/* Treeview 使用 */
.nodeLevel1
{
	background-color:Teal;
	color:White;
	font-weight:bold;
	padding-left:8px;
	padding-right:8px;
}
.nodeLevel2
{
	background-color:#926EAE;
	color:White;
	border-color:White;
	border-style:solid;
	border-width:1px;
	padding-left:5px;
	padding-right:5px;
}
.nodeLevel3
{
	background-color:#1CAC78;
	color:White;
	border-color:White;
	border-style:solid;
	border-width:1px;
	padding-left:3px;
	padding-right:3px;
}        
.nodeLevel4
{
	background-color:#ECEABE;
	border-style:solid;
	border-color:White;
	border-width:1px;
	padding-left:2px;
	padding-right:2px;
}
.nodeLevel5
{
	background-color:#FDD7E4;
	border-style:solid;
	border-color:White;
	border-width:1px;
	padding-left:2px;
	padding-right:2px;
}
.nodeLevel6
{
	background-color:#EDEDED;
	padding-left:2px;
	padding-right:2px;
}
.nodeLevelDev
{
	background-color:#9ACEEB;
	padding-left:1px;
	padding-right:1px;
}
.nodeLevelLast
{
	padding-left:1px;
	padding-right:1px;
}
.node_hover
{
	background-color:#EDEDED;
	color:Navy;
	padding-left:1px;
	padding-right:1px;
}

/*---DetailView for DevGroupCfg---*/
.smallfont
{
	font-size:12px;
}

/*---------MnM Backgroud ---------*/
div.MnM_backgroud
{
	background: url(../images/MnM_5.jpg) repeat-y;
	height:100%;
}

/*------------------- 以下為Jenny使用 ---------------------*/
td.h1   /* Jenny */
{
 background-color:#6B696B;
 color :White ;
 border: #B0B7C6 1px solid;
 font-weight:bold; 
}
td.h2   /* Jenny */
{
 background-color:#D9D1C2;
 color:Black;
 border: #B0B7C6 1px solid;
 font-weight:bold; 
}
table.t1 /* Jenny*/
{
 border: #009BE8 1px solid;   
}
 
table.t2 /* Jenny*/
{
 border-bottom:Gray 1px dashed;
 border-top:Gray 1px dashed;
}


/*----- 20081216研服室設計 ----- */
A.loginL:active {
	font-family: Arial, "新細明體";
	font-size: 12px;
	color: #FF6600;
	text-decoration: none;
}
A.loginL:link {
	font-family: Arial, "新細明體";
	font-size: 12px;
	color: #FF6600;
	text-decoration: underline;
	background-color: Transparent;
}
A.loginL:hover {
	font-family: Arial, "新細明體";
	font-size: 12px;
	color: #FF6600;
	text-decoration: none;
}
A.loginL:visited {
	font-family: Arial, "新細明體";
	font-size: 12px;
	color: #FF6600;
	text-decoration: underline;
}



A.News:active {
	font-family: Arial, "新細明體";
	font-size: 12px;
	color: #006699;
	text-decoration: underline;
}
A.News:link {
	font-family: Arial, "新細明體";
	font-size: 12px;
	color: #006699;
	text-decoration: underline;
}
A.News:hover {
	font-family: Arial, "新細明體";
	font-size: 12px;
	color: #006699;
	text-decoration: none;
}
A.News:visited {
	font-family: Arial, "新細明體";
	font-size: 12px;
	color: #006699;
	text-decoration: underline;
}


A.menu:active {
	font-family: Arial, "新細明體";
	font-size: 15px;
	color: #FFFFFF;
	text-decoration: none;
	height: 29px;
	width: 116px;
	font-weight: bold;
}
A.menu:link {
	font-family: Arial, "新細明體";
	font-size: 15px;
	color: #FFFFFF;
	text-decoration: none;
	font-weight: bold;
}
A.menu:hover {
	font-family: Arial, "新細明體";
	font-size: 15px;
	color: #FFFFFF;
	text-decoration: none;
	font-weight: bold;
}
A.menu:visited {
	font-family: Arial, "新細明體";
	font-size: 15px;
	color: #FFFFFF;
	text-decoration: none;
	font-weight: bold;
}

input.loginNew {
	font-family: Arial, "新細明體";
	font-size: 12px;
	color: #003399;
	border: 1px solid #80C362;
}


.Copyright {
	font-family: Arial, "新細明體";
	font-size: 9pt;
	color: #333333;
}

input.main_none
{
	border: 0;
	font-weight:bold;
	color:red;
	background-color:#D8E4BE;
}

/* 開啟天氣資訊小視窗用 */
.close {font: normal 12pt Wingdings; color: #77aaff; text-align: right; cursor: hand}

table.AD_rb
{
	position:absolute;
	border:1px;
	padding:1px;
	margin:0px;
	background-color:#d0e8ff;
	border-color:#d0e8ff;
	visibility:hidden;
}

/* 設定Timer Interval用 */
.timer_interval
{
	font-size: 10pt;
	font-family: Arial, sans-serif;
	border-color:White;
	border-style:solid;
	border-width:1px;
	background-color:#ECEABE;
	width:8px;
	text-align:center;
}

.timer_interval_select
{
	font-size: 10pt;
	font-family: Arial, sans-serif;
	text-decoration: none;
	border-color:White;
	border-style:solid;
	border-width:1px;
	background-color:#FCD975;
	width:8px;
	text-align:center;
}

/* 設定CO2數值使用，紅字粗體加框線 */
.redtext_border
{
	border-color:#A2ADD0;
	border-style:solid;
	border-width:1px;
	font-weight: bold; 
	font-size: 12px; 
	width: 80px; 
	color: red; 
	text-align: center;
}
/* Table for 功能使用頻率月統計表*/
table.FuncMain
{
	background-color:#F0E891; 
	padding:1px 3px 1px 3px; 
	border-right: white 1px solid; 
	border-top: white 1px solid; 
	border-left: white 1px solid; 
	border-bottom: white 1px solid;
	margin: 1px; 
}

talbe.FuncSub
{
	background-color:#87A96B; 
	padding:1px 3px 1px 3px; 
	width: 100%;
}

tr.FuncMainTR
{
	background-color:#6B696B;
	color :White ;
}

td.FuncMainTD1
{
	background-color:#6B696B;
	color :White ;
	width:120px;
}
td.FuncMainTD2
{
	background-color:#158078;
	/* width:250px; */
}
td.FuncMainTD3
{
	background-color:#158078;
	color :White ;
	width:60px;
	text-align:right;
}
/* width: TD1=TD_1 + TD_2 + 1 */
td.FuncSubTD1
{
	background-color:#C5E384;
	color :Black ;
	width:276px;
}
td.FuncSubTD1_1
{
	background-color:#C5E384;
	color :Black ;
	width:120px;
}
td.FuncSubTD1_2
{
	background-color:#C5E384;
	color :Black ;
	width:150px;
}
td.FuncSubTD2
{
	background-color:#FFFF99;
	color :Black ;
	width:90px;
}

.RelativeLink
{
     font-size: medium; 
     font-family: 微軟正黑體, 新細明體, 標楷體, Arial, sans-serif;
     background-color: #FFFF99; 
     border: #FFBB66 1px solid; 
     text-decoration: none;
     margin: 3px 5px;
}

.UnrelativeLink
{

     font-size: medium; 
     font-family: 微軟正黑體, 新細明體, 標楷體, Arial, sans-serif;
     background-color: #C0C0C0; 
     border: #708090 1px solid; 
     text-decoration: none;
     margin: 3px 5px;
}

.UnderlineOnly
{
	border-bottom-style:solid; 
	border-bottom-width:2px;
	border-top-style:none; 
	border-left-style:none; 
	border-right-style:none; 
	text-align:center
} 
